
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.background-container {
  position: relative;
  //相对于根元素的大小
  min-height: 60rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* 防止超出 */
}

/* JobDisplay区域独立样式，不受背景图片影响 */
.job-display-section {
  background-color: #ffffff;
  position: relative;
  z-index: 1; /* 确保在背景图片之上 */
}

.background-container img.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 保持比例铺满 */
  z-index: -1; /* 放在最底层 */
}


.order-btn {
  width: 300px;
  height: 100px;
  background-color: #c19a6b;
  color: #2a2d58;
  font-weight: bold;
  font-size: 30px;
  font-family: "Microsoft YaHei";
  bottom: 30%;
  // 你可以加一些 hover 效果
  &:hover {
    background-color: #b5895a;
    color: #fff;
  }
}
